<!DOCTYPE html>
<html lang="en">
<head>
<title>正在播放&nbsp;{{$film_infor->title}}</title>
<!-- for-mobile-apps -->
<meta name="_token" content="{{ csrf_token() }}"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
		function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //for-mobile-apps -->
<link href="/Home/css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link href="/Home/css/style.css" rel="stylesheet" type="text/css" media="all" />
<link href="/Home/css/medile.css" rel='stylesheet' type='text/css' />
<link href="/Home/css/single.css" rel='stylesheet' type='text/css' />
<link rel="stylesheet" href="/Home/css/contactstyle.css" type="text/css" media="all" />
<link rel="stylesheet" href="/Home/css/faqstyle.css" type="text/css" media="all" />
<!-- 以下为评分用的JS与CSS -->
<script src="/Home/statics/jquery-latest.pack.js" type="text/javascript"></script> 
<script src="/Home/statics/grade.js" type="text/javascript"></script> 
<link media="screen" href="/Home/statics/grade.css" type="text/css" rel="stylesheet" /> 
<!-- 以上为评分用的JS与CSS -->
<!-- 最新s-css -->
<!-- <link rel="stylesheet" href="最新s-css/最新s.css" type="text/css" media="all" /> -->
<!-- //最新s-css -->
<!-- list-css -->
<link rel="stylesheet" href="/Home/list-css/list.css" type="text/css" media="all" />
<!-- //list-css -->
<!-- font-awesome icons -->
<link rel="stylesheet" href="/Home/css/font-awesome.min.css" />
<!-- //font-awesome icons -->
<!-- js -->
<script type="text/javascript" src="/Home/js/jquery-2.1.4.min.js"></script>
<!-- //js -->

<script type="text/javascript" src="/Home/js/move-top.js"></script>
<script type="text/javascript" src="/Home/js/easing.js"></script>
<script type="text/javascript">
	jQuery(document).ready(function($) {
		$(".scroll").click(function(event){		
			event.preventDefault();
			$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
		});
	});
</script>
<!-- start-smoth-scrolling -->
<link href="/Home/css/owl.carousel.css" rel="stylesheet" type="text/css" media="all">
<script src="/Home/js/owl.carousel.js"></script>
<script>
	$(document).ready(function() { 
		$("#owl-demo").owlCarousel({
	 
		  autoPlay: 3000, //Set AutoPlay to 3 seconds
	 
		  items : 5,
		  itemsDesktop : [640,5],
		  itemsDesktopSmall : [414,4]
	 
		});
	 
	}); 
</script> 
<script src="/Home/js/simplePlayer.js"></script>
<!-- <script>
	$("document").ready(function() {
		$("#video").simplePlayer();
	});
</script> -->

</head>
	
<body>
<!-- header -->
@include('Home/profile')
<!-- //nav -->
<div class="general_social_icons">
	<nav class="social">
		<ul>
			<li class="w3_twitter"><a href="#">Twitter <i class="fa fa-twitter"></i></a></li>
			<li class="w3_facebook"><a href="#">Facebook <i class="fa fa-facebook"></i></a></li>
			<li class="w3_dribbble"><a href="#">Dribbble <i class="fa fa-dribbble"></i></a></li>
			<li class="w3_g_plus"><a href="#">Google+ <i class="fa fa-google-plus"></i></a></li>				  
		</ul>
  </nav>
</div>
<!-- single -->
<div class="single-page-agile-main">
<div class="container">
		<!-- /w3l-medile-movies-grids -->
			<div class="agileits-single-top">
				<ol class="breadcrumb">
				  <li><a href="index.html">主页</a></li>
				  <li class="active">正在播放</li>
				  <li class="active">{{$film_infor->title}}</li>
				</ol>
			</div>
			<div class="single-page-agile-info">
                   <!-- /movie-browse-agile -->
                           <div class="show-top-grids-w3lagile">
				<div class="col-sm-8 single-left">
					<div class="song">
						<div class="song-info">
							<h3>{{$film_infor->title}}</h3>	
						</div>
					</div>

				<video width="610" height="450" controls autobuffer>
					<source src="/1.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'></source>
				</video>

					<div class="song-grid-right" style="height: 50px;">
						<div class="share">
							<h5>当前评分:&nbsp;&nbsp;{{$film_infor->score/10}}&nbsp;分</h5>
						<p>下载链接:<a href="#">{{$film_infor->link}}</a></p>
							<div class="single-agile-shar-buttons">
							<ul>
								<li>
									<div class="fb-like" data-href="" data-layout="button_count" data-action="like" data-size="small" data-show-faces="false" data-share="false"></div>
									<script>(function(d, s, id) {
									  var js, fjs = d.getElementsByTagName(s)[0];
									  if (d.getElementById(id)) return;
									  js = d.createElement(s); js.id = id;
									  js.src = '';
									  fjs.parentNode.insertBefore(js, fjs);
									}(document, 'script', 'facebook-jssdk'));</script>
								</li>

								<!-- <li class="最新s-twitter">
									用户<a href="#" class="twitter-follow-button" data-show-count="false">  @w3layouts</a><script async src="" charset="utf-8"></script>
								</li>
								<li>
									评论给<a href="#" class="twitter-mention-button" data-show-count="false"> @w3layouts</a><script async src="" charset="utf-8"></script>
								</li> -->
								<li>
									<!-- Place this tag where you want the +1 button to render. -->
									<div class="g-plusone" data-size="medium"></div>

									<!-- Place this tag after the last +1 button tag. -->
									<script type="text/javascript">
									  (function() {
										var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
										po.src = '';
										var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
									  })();
									</script>
								</li>
							</ul>
						</div>
						</div>
					</div>
					<div class="clearfix"> </div>


					<div class="all-comments">
						<div class="all-comments-info">
							
							<div class="agile-info-wthree-box">

<!-- 以下为评分区 -->

	<h4>我要评分</h4> 
	<div class="content"> 
		<!-- <div id="myPoint" style="line-height: 20px;">
			<span><big>5</big><small>.0</small></span> 
			<div>
				<img src="/Home/statics/star5.gif" />
				<em>(一般)</em>
			</div>
		</div>  -->
		<div id="doPoint"> 
			<!-- <p>请点击以下星级进行评分：我的评分=(故事+更新+文笔)/3</p>  -->
			<table cellspacing="0" cellpadding="0" border="0"> 
					<tbody> 
						<tr> 
							<th>打分:</th> 
							<td><span class="star5" id="item1" v="5"><small>10</small><small>2</small><small>3</small><small>4</small><small>5</small><small>6</small><small>7</small><small>8</small><small>9</small><small>10</small></span></td> 
							<td><strong>5</strong> <em>(一般)</em></td>
						</tr> 
						<!-- <tr> 
							<th>更新：</th> 
							<td><span class="star5" id="item2" v="5"><small>1</small><small>2</small><small>3</small><small>4</small><small>5</small><small>6</small><small>7</small><small>8</small><small>9</small><small>10</small></span></td> 
							<td><strong>5</strong> <em>(一般)</em></td>
						</tr> 
						<tr> 
							<th>文笔：</th> 
							<td><span class="star5" id="item3" v="5"><small>1</small><small>2</small><small>3</small><small>4</small><small>5</small><small>6</small><small>7</small><small>8</small><small>9</small><small>10</small></span></td> 
							<td><strong>5</strong> <em>(一般)</em></td>
						</tr> -->
					</tbody>
			</table>
		</div> 
		<form id="form1" name="form1" action="" >
		
			<input id="pointV1" type="hidden" value="5" name="mark" /> 
			<!-- <input id="pointV2" type="hidden" value="5" name="pointV2" /> 
			<input id="pointV3" type="hidden" value="5" name="pointV3" />  -->
			<textarea id="content" name="content" rows="5" cols="50"></textarea><br/>

			<button type="submit">提交</button> 
		</form>
	</div>
<script type="text/javascript">
		
var fid = {{$film_infor->fid}};
	$('#form1').submit(function(){
		var url = '{{url("/Home/news-single",$film_infor->fid)}}';
		$.ajax({
		type: 'POST',
		url: url,
		data: { 'mark':$('input[name="mark"]').val(),
				'content':$('textarea[name="content"]').val()},
		dataType: 'json',
		headers: {'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')},

		success: function(data){
			alert(data);
		// console.log(data.status);
		},
		error: function(xhr, type){
		alert('请先登陆');
		}
		
});
return false;


		
	});
</script>
<!-- 以上为评分区 -->
<div class="media" style="height:20px;margin:10px 0px;">
								<h5>大家在评论</h5>
								<!-- <div class="media-left">
									<a href="#">
									<img src="/Home/images/user.jpg" title="One movies" alt=" " />
									</a>
								</div>
								<div class="media-body">
									<p>Maecenas ultricies rhoncus tincidunt maecenas imperdiet ipsum id ex pretium hendrerit maecenas imperdiet ipsum id ex pretium hendrerit</p>
									<span>评论来自:<a href="#">z </a></span>
								</div> -->
							</div>


							</div>
						</div>



	
						<div class="media-grids" style="margin:2px 0px;">

						@foreach ($com as $c)
							<div class="media1" style="margin:30px 0px;">
								<h5>{{$c->title}}</h5>
								<div class="media-left">
									<a href="#">
										<img src="/{{$c->user_img}}" title="One movies" alt=" " style="width:50px;height: 50px; border-radius: 25px;" />
									</a>
								</div>
								<div class="media-body">
									<p>{{$c->content}}</p>
									<!-- {$cookie} -->
									<span>来自<a href="#">{{$c->name}}</a>  于{{date('Y-m-d H:i',$c->com_time)}}&nbsp;的评论</span>
								</div>
							</div>
						@endforeach


						</div>



					</div>
				</div>

				<div class="col-md-4 single-right">
					<h3><a href="" title="">最近更新影片</a></h3>
					<div class="single-grid-right">
					@foreach($new_film as $new)
						<div class="single-right-grids">
							<div class="col-md-4 single-right-grid-left">
								<a href="{{url('Home/news-single',$new->fid)}}"><img src="/{{$new->org_img}}" alt="" /></a>
							</div>
							<div class="col-md-8 single-right-grid-right">
								<a href="{{url('Home/news-single',$new->fid)}}" class="title"> {{$new->title}}</a>
								<p class="author"><a href="#" class="author">John Maniya</a></p>
								<p class="views">2,114,200 人看过</p>
							</div>
							<div class="clearfix"> </div>
						</div>
						@endforeach

					</div>
				</div>
				

				
				<div class="clearfix"> </div>
			</div>
				<!-- //movie-browse-agile -->
				<!--body wrapper start-->
			<div class="w3_agile_banner_bottom_grid">
				<div id="owl-demo" class="owl-carousel owl-theme">
					


					<!-- 以下为一部片的内容 -->
					@foreach($film_end as $fa)
					<div class="item">
						<div class="w3l-movie-gride-agile w3l-movie-gride-agile1">
							<a href="{{url('Home/news-single',$fa->fid)}}" class="hvr-shutter-out-horizontal"><img src="/{{$fa->org_img}}" title="album-name" class="img-responsive" alt=" " style="width:180px;height: 270px;"/>
								<div class="w3l-action-icon"><i class="fa fa-play-circle" aria-hidden="true"></i></div>
							</a>
							<div class="mid-1 agileits_w3layouts_mid_1_home">
								<div class="w3l-movie-text">
									<h6><a href="{{url('Home/news-single',$fa->fid)}}">{{$fa->title}}</a></h6>							
								</div>
								<div class="mid-2 agile_mid_2_home">
									<p>{{$fa->period}}</p>
									<div class="block-stars">
										<ul class="w3l-ratings">
												@if($fa->score <=20)
								<li><i class="fa fa-star" aria-hidden="true"></i></li>
								<li><i class="fa fa-star-o" aria-hidden="true"></i></li>
								<li><i class="fa fa-star-o" aria-hidden="true"></i></li>
								<li><i class="fa fa-star-o" aria-hidden="true"></i></li>
								<li><i class="fa fa-star-o" aria-hidden="true"></i></li>
								@elseif($fa->score <=40)
								<li><i class="fa fa-star" aria-hidden="true"></i></li>
								<li><i class="fa fa-star" aria-hidden="true"></i></li>
								<li><i class="fa fa-star-o" aria-hidden="true"></i></li>
								<li><i class="fa fa-star-o" aria-hidden="true"></i></li>
								<li><i class="fa fa-star-o" aria-hidden="true"></i></li>
								@elseif($fa->score <=60)
								<li><i class="fa fa-star" aria-hidden="true"></i></li>
								<li><i class="fa fa-star" aria-hidden="true"></i></li>
								<li><i class="fa fa-star" aria-hidden="true"></i></li>
								<li><i class="fa fa-star-o" aria-hidden="true"></i></li>
								<li><i class="fa fa-star-o" aria-hidden="true"></i></li>
								@elseif($fa->score <=80)
								<li><i class="fa fa-star" aria-hidden="true"></i></li>
								<li><i class="fa fa-star" aria-hidden="true"></i></li>
								<li><i class="fa fa-star" aria-hidden="true"></i></li>
								<li><i class="fa fa-star" aria-hidden="true"></i></li>
								<li><i class="fa fa-star-o" aria-hidden="true"></i></li>
								@else($fa->score <=100)
								<li><i class="fa fa-star" aria-hidden="true"></i></li>
								<li><i class="fa fa-star" aria-hidden="true"></i></li>
								<li><i class="fa fa-star" aria-hidden="true"></i></li>
								<li><i class="fa fa-star" aria-hidden="true"></i></li>
								<li><i class="fa fa-star-o" aria-hidden="true"></i></li>
								@endif
													</ul>
									</div>
									<div class="clearfix"></div>
								</div>
							</div>
							<div class="ribben">
								<p>最新</p>
							</div>
						</div>
					</div>
					@endforeach
					<!-- 以上为一部片的内容 -->
					
				</div>
			</div>
		<!--body wrapper end-->
						
							 
				</div>
				<!-- //w3l-latest-movies-grids -->
			</div>	
		</div>
	<!-- //w3l-medile-movies-grids -->
	
<!-- footer -->
@include('Home/footer')
<!-- //footer -->
<!-- Bootstrap Core JavaScript -->
<script src="/Home/js/bootstrap.min.js"></script>
<script>
$(document).ready(function(){
    $(".dropdown").hover(            
        function() {
            $('.dropdown-menu', this).stop( true, true ).slideDown("fast");
            $(this).toggleClass('open');        
        },
        function() {
            $('.dropdown-menu', this).stop( true, true ).slideUp("fast");
            $(this).toggleClass('open');       
        }
    );
});
</script>
<!-- //Bootstrap Core JavaScript -->
<!-- here stars scrolling icon -->
	<script type="text/javascript">
		$(document).ready(function() {
			/*
				var defaults = {
				containerID: 'toTop', // fading element id
				containerHoverID: 'toTopHover', // fading element hover id
				scrollSpeed: 1200,
				easingType: 'linear' 
				};
			*/
								
			$().UItoTop({ easingType: 'easeOutQuart' });
								
			});
	</script>
<!-- //here ends scrolling icon -->
</body>
</html>

